<template>
	<view class="index_box">
		<form @submit="submitOrder">
		<!-- <view class="banner_box">
			<swiper class="swiper" indicator-dots="true" autoplay="true" interval="2000" duration="500" indicator-color="#999999" indicator-active-color="#FFCD00">
				<swiper-item v-for="(item ,index) in bannerArr" :key="index">
					<view class="swiper-item uni-bg-red"><image :src="item"></image></view>
				</swiper-item>
			</swiper>
		</view> -->
		<view class="attractions_box">
			<!-- <view class="block1">
				<view class="tit dis_fx fx_column"><view class="tag">{{productDetail.productTypeName}}</view><text>{{productDetail.productName}}</text></view> -->
				<!-- <view class="type">(四星级酒店+豪华SUV+多套餐选择)</view> -->
				<!-- <view class="info">出行时间：{{tripDate}}</view> -->
				<!-- <view class="info">数量：成人x{{adultQty}} <view v-if="childQty>0">儿童x{{childQty}}</view></view> -->
			<!-- </view> -->
			<!-- <view class="confirm_block1">
				<view class="tit">出行人信息</view>
				<view class="selectMember" @click="toSelectMember">常用信息 ></view>
				<view class="add_btn">
					<view class="btn" @click="showAddPerson">请添加出行人信息</view>
				</view>
			</view> -->
			
			<view class="confirm_block1" v-if="otherPeople.length>0">
				<view class="tit">出行人信息</view>
				<view class="selectMember" @click="toSelectMember(0)">常用信息 ></view>
				<view class="addPeople"  @click="showAddPerson"></view>
				<view class="item" v-for="(item,index) in otherPeople" :key="index">
					<view class="input_field dis_fx">
						<view class="label dis_fx">出行人{{index+1}}<view class="cur_text">*</view></view>
						<text class="flex1">{{item.name}}</text>
						<view class="deletePoeple" @click="deletePeople(index)"></view>
					</view>
					<view class="input_field dis_fx">
						<view class="label dis_fx">身份证<view class="cur_text">*</view></view>
						<text class="flex1">{{item.idCard}}</text>
					</view>
					<view class="input_field dis_fx">
						<view class="label dis_fx">手机号<view class="cur_text">*</view></view>
						<text class="flex1">{{item.mobilePhone}}</text>
					</view>
					<input class="hide" :name="item.subseqNo" :value="(index+1)"/>
					<input class="hide" :name="item.subtype" value="1"/>
					<input class="hide" :name="item.subname" :value="item.name"/>
					<input class="hide" :name="item.subidCard" :value="item.idCard"/>
					<input class="hide" :name="item.submobilePhone" :value="item.mobilePhone"/>
				</view>
			</view>
			<view class="confirm_block2" v-if="addPerson">
				<view class="tit">出行人</view>
				<view class="selectMember" @click="toSelectMember(0)">常用信息 ></view>
				<view class="input_field dis_fx fx_column mt20">
					<view class="label dis_fx">联系人<view class="cur_text">*</view></view>
					<input type="text" v-model="oName" placeholder="请填写联系人姓名" placeholder-style="color: #EAEAEA">
				</view>
				<view class="input_field dis_fx fx_column">
					<view class="label dis_fx">身份证<view class="cur_text">*</view></view>
					<input type="text" maxlength="18" v-model="oIdCard" placeholder="请填写联系人身份证号码" placeholder-style="color: #EAEAEA">
				</view>
				<view class="input_field dis_fx fx_column">
					<view class="label dis_fx">手机号<view class="cur_text">*</view></view>
					<input type="text" v-model="oMobilePhone" placeholder="请填写联系人手机号" placeholder-style="color: #EAEAEA">
				</view>
				<view class="add_btn">
					<view class="btn" @click="sureAddPerson">确认添加</view>
				</view>
			</view>
			<view class="confirm_block2">
				<view class="tit">预订人信息</view>
				<view class="selectMember" @click="toSelectMember(1)">选择预订人 ></view>
				<view class="input_field dis_fx fx_column mt50">
					<view class="label dis_fx">预订人<view class="cur_text">*</view></view>
					<input type="text" name="accompaniers[0].name" v-model="name" placeholder="请填写联系人姓名" placeholder-style="color: #EAEAEA">
				</view>
				<view class="input_field dis_fx fx_column">
					<view class="label dis_fx">证件号<view class="cur_text">*</view></view>
					<input type="text"  maxlength="18"  name="accompaniers[0].idCard" v-model="idCard" placeholder="请填写预订人证件号码" placeholder-style="color: #EAEAEA">
				</view>
				<view class="input_field dis_fx fx_column">
					<view class="label dis_fx">手机号<view class="cur_text">*</view></view>
					<input type="text" name="accompaniers[0].mobilePhone" v-model="mobilePhone" placeholder="请填写预订人手机号" placeholder-style="color: #EAEAEA">
				</view>
				<view class="input_field dis_fx fx_column">
					<view class="label dis_fx letter">邮箱</view>
					<input type="text" name="accompaniers[0].email" v-model="email" placeholder="方便接收订单邮件" placeholder-style="color: #EAEAEA">
				</view>
				<view class="input_field dis_fx fx_column">
					<view class="label dis_fx letter">备注</view>
					<input type="text" name="accompaniers[0].remarks" v-model="remarks" placeholder="如有特殊情况请备注" placeholder-style="color: #EAEAEA">
				</view>
				<input class="hide" name="accompaniers[0].seqNo" value="0"/>
				<input class="hide" name="accompaniers[0].type" value="0"/>
			</view>
			<view class="confirm_block2">
				<checkbox-group @change="checkboxAgreement">
				  <label class="checkbox">
					<checkbox value="Agreement"/>我已阅读并同意本<view @click="xieyiShow('show')" class="dis_ib">《{{product.tempName}}》</view>
				  </label>
				</checkbox-group>
				<!-- <checkbox-group   @change="checkboxInsurance">
				  <label class="checkbox">
					<checkbox value="Insurance" checked="true"/>购买{{product.insuranceName}}：{{product.insurancePrice}}元/人<text  @click="xianzhongShow('show')">险种说明？</text>
				  </label>
				</checkbox-group> -->
				<!-- <checkbox-group @change="checkboxMember">
				  <label class="checkbox">
					<checkbox value="Member" checked=""/>支付{{productDetail.vipAmount}}元升级会员，立享会员优惠{{productDetail.normalDifference}}元/人
				  </label>
				</checkbox-group>
				<checkbox-group >
				  <label class="checkbox">
					<checkbox value="Insurance" checked="true" disabled="true"/>{{productDetail.productInsurance}}
				  </label>
				</checkbox-group> -->
			</view>
		    <view class="confirm_block2" v-if="vipLevel==0">
		    	<view class="prompt_tit"><text>加入”乐芭兔Maker”收益式会员</text><text>会员机制？</text></view>
		    	<view class="prompt text_indent">尊敬的({{name || " "}})先生/女士，如加入“乐芭兔Maker”会员,本订单将优惠：</view>
		    	<view class="prompt text_indent">成人{{membersReturnProfit}}乐兔币/人*{{adultQty || 0}}人+儿童{{childrenMembersReturnProfit}}乐兔币/人*{{childQty || 0}}人={{allProfit}}乐兔币</view>
		    	<view class="prompt text_indent">(该优惠将在旅游结果后7个工作日内退到您的“乐芭兔收益帐户”上，您可以随时提现。1乐兔币=1元人民币)。</view>
		    	<checkbox-group @change="checkboxMember">
		    	  <label class="checkbox">
		    		<checkbox value="Member"/>加入”乐芭兔Maker”会员，会员费： {{productDetail.vipAmount}}元/终身
		    	  </label>
		    	</checkbox-group>
		    	<view class="prompt_addit"><text>备注：会员费缴纳后即成为尊贵的终身会员，无法办理退款。</text></view>
		    </view>
		    
		</view>
		<view class="confirm_btn dis_fx">
			<!-- <view class="dis_fx"> -->
				<!-- <view class="info dis_fx fx_center_column fx_center">
					<text>总价</text> -->
				<view class="price flex1 dis_fx fx_column fx_center">订单：<text>￥{{amount}}</text>
					<!-- <view class="addit" v-if="singleAdult">(含单房差价￥{{roomPriceDifference}})</view> -->
				</view>
				<!-- </view> -->
				<button class="btn flex1 text_center" form-type="submit">提交预订</button>
			<!-- </view> -->
		</view>
		<input class="hide" name="productId" :value="productId" />
		<input class="hide" name="tripBeginDate" :value="tripDate" />
		<input class="hide" name="adultQty" :value="adultQty" />
		<input class="hide" name="childQty" :value="childQty" />
		<input class="hide" name="amount" :value="amount" />
		<input class="hide" name="id" v-model="id" />
		<input class="hide" name="packageId" v-model="packageId" />
		<input class="hide" name="specId" v-model="specId" />
		<input class="hide" name="openVip" :value="memberSelect?1:0" />
		<input class="hide" name="buyInsurance" :value="insuranceSelect?1:0" />
		</form>
		<!-- 协议弹框 -->
		<view class="xieyi_box" v-if="xieyiState">
			<view class="xieyi">
				<view class="close_btn" @click="xieyiShow('hide')"></view>
				<view v-html="product.content"></view>
			</view>
		</view>
		<!-- 险种弹框 -->
		<view class="xieyi_box" v-if="xianzhongState">
			<view class="xieyi">
				<view class="close_btn" @click="xianzhongShow('hide')"></view>
				<view v-html="product.content"></view>
			</view>
		</view>
	</view>
</template>

<script>
	import util from '../../../common/util.js'
	export default {
		data() {
			return {
				id:"",   //订单ID
				productId:'',  //产品编号
				tripDate:'',  //出发日期
				adultQty:0,  // 成人数量
				childQty:0,  // 儿童数量
				amount:0,  // 订单总价
				singleAdult:false,  //成人数量为单数
				adultPrice:0,  //成人价格
				childrenPrice:0,  //儿童价格
				insurancePrice:0,  //保险价格
				roomPriceDifference:0,  // 单房差价
				agreementSelect:false,  //是否选中协议
				memberSelect:false,  //是否选中会员  会员选择放到确认页去
				packageId:"",
				specId:"",
				membersReturnProfit:0,  //成人会员返还利润
				childrenMembersReturnProfit:0,  // 儿童会员返还利润
				allProfit:0,  //返还总利润
				vipLevel:0,  //会员等级
				
				insuranceSelect:true,
				
				maxPeople:0,    //成团最多人数
				
				productDetail: {},
				bannerArr: [],
				addPerson:true,
				childNum:0,  //已添加儿童数量
				
				name:'', //预订人姓名
				idCard:'', //预订人身份证号
				mobilePhone:'', // 预订人手机号
				email:'', //预订人邮箱
				remarks:'', // 备注
				otherPeople:[],
				oName:'',  //随行人姓名
				oIdCard:'',  //随行人身份证号
				oMobilePhone:'',  //随行人手机号
				
				hasAddOrderman:false,  //是否已添加预订人
				
				xieyiState:false,// 协议弹窗
				product:{},  //商品信息
				xianzhongState:false// 险种弹窗
			}
		},
		onLoad(option){
			// console.log(option)
			this.productId=option.productId;
			this.tripDate=option.outDate;
			this.childrenPrice=option.childrenPrice;
			this.adultPrice=option.price;
			this.insurancePrice=option.insurancePrice;
			this.roomPriceDifference=option.roomPriceDifference;
			this.maxPeople=option.maxPeople;
			// this.adultQty=parseInt(option.adultNum);
			// this.childQty=parseInt(option.childNum);
			// this.amount=option.price;
			// 获取产品id			
			if(option.productId){
				this.getProductDetail(option.productId)
			}else{
				uni.showModal({
					content: '路径错误',
					showCancel: false
				});			
			}
			if(option.packageId){
				this.packageId  = option.packageId;
			}	
						   
			if(option.membersReturnProfit){
				this.membersReturnProfit  = option.membersReturnProfit;
			}
			if(option.childrenMembersReturnProfit){
				this.childrenMembersReturnProfit  = option.childrenMembersReturnProfit;
			}
			if(option.specId){
				this.specId  = option.specId;
			}
			this.getDatas();
		},
		onShow() {
			var that=this;
			uni.$once('getSelectMember',function(data){
				var selectUser=data.memberList;
				
				console.log("====选择人数："+selectUser.length);
				
				//当前方法，发现第N次选择的时候，就执行了N次，所以后期就选选择了一条数据，加载的时候也会加载成多条
				//或者根据身份证号码过滤下，如果相同的身份证号码不要重复添加
				var isOrderMan=data.isOrderMan
				if(selectUser.length>0){
					that.addPerson  =false;
					if(isOrderMan==1){
						that.name=selectUser[0].name;
						that.idCard=selectUser[0].idCard;
						that.mobilePhone=selectUser[0].mobilePhone;
						that.email=selectUser[0].email;
						that.remarks=selectUser[0].remarks;
					}else{
						for(var i in selectUser){
							let age =util.IdCardUtils(selectUser[i].idCard,3)
							if(age<12){
								that.childQty+=1
							}else{
								that.adultQty+=1;
								if(that.adultQty%2==1){
									that.singleAdult=true;
								}else{
									that.singleAdult=false
								}
							}
							let opeople=that.otherPeople;
							let l= parseInt(opeople.length)
							let person={
								name:selectUser[i].name,
								idCard:selectUser[i].idCard,
								mobilePhone:selectUser[i].mobilePhone,
								subname:"accompaniers["+(l+1)+"].name",
								subidCard:"accompaniers["+(l+1)+"].idCard",
								submobilePhone:"accompaniers["+(l+1)+"].mobilePhone",
								subtype:"accompaniers["+(l+1)+"].type",
								subseqNo:"accompaniers["+(l+1)+"].seqNo"
							}
							opeople.push(person)
							that.otherPeople=opeople;
							that.calculationPrice()
						}
					}
				}
				
			})
			
			uni.$on('updateOrderId',function(data){
				var orderId=data.id;
				var accompaniers=data.accompaniers;
				if(orderId && orderId!=null && orderId!="" && typeof(orderId)!="undefined" && orderId!="undefined"){
					that.id=orderId;
				}
				if(accompaniers.length>0){
					that.childQty=0;
					that.adultQty=0;
					that.otherPeople=[];
					for(var i in accompaniers){
						let age =util.IdCardUtils(accompaniers[i].idCard,3)
						if(age<12){
							that.childQty+=1
						}else{
							that.adultQty+=1;
							if(that.adultQty%2==1){
								that.singleAdult=true;
							}else{
								that.singleAdult=false
							}
						}
						let opeople=that.otherPeople;
						let l= parseInt(opeople.length)
						if(accompaniers[i].type==0){
							that.name=accompaniers[i].name;
							that.idCard=accompaniers[i].idCard;
							that.mobilePhone=accompaniers[i].mobilePhone;
							that.email=accompaniers[i].email;
							that.remarks=accompaniers[i].remarks;
						}else{
							let person={
								name:accompaniers[i].name,
								idCard:accompaniers[i].idCard,
								mobilePhone:accompaniers[i].mobilePhone,
								subname:"accompaniers["+(l+1)+"].name",
								subidCard:"accompaniers["+(l+1)+"].idCard",
								submobilePhone:"accompaniers["+(l+1)+"].mobilePhone",
								subtype:"accompaniers["+(l+1)+"].type",
								subseqNo:"accompaniers["+(l+1)+"].seqNo"
							}
							opeople.push(person)
							that.otherPeople=[];
							that.otherPeople=opeople;
						}
						
						
					}
				}
			})
		},
		methods: {
			//获取商品信息
			getDatas(){
				uni.showLoading({
					mask:true,
					title: '加载中'
				});
				var _self = this
				util.fetchPost('/api/product/getProductConfig',{productId:_self.productId},function(res){
					console.log(res)
					_self.product=res.data
					uni.hideLoading();
				},function(){},false)
			},
			//选择随行人
			toSelectMember(isOrderMan){
				var that=this;
				uni.navigateTo({url: '/pages/choseTravellingPeople/choseTravellingPeople?maxPeople='+that.maxPeople+'&isOrderMan='+isOrderMan})
			},
			//同意协议
			checkboxAgreement(e){
				let agr=e.detail.value;
				if(agr.length>0){
					this.agreementSelect=true;
				}else{
					this.agreementSelect=false;
				}
			},
			//选中会员
			checkboxMember(e){
				let agr=e.detail.value;
				if(agr.length>0){
					this.memberSelect=true;
				}else{
					this.memberSelect=false;
				}
				this.calculationPrice();
			},
			checkboxInsurance(e){
				let agr=e.detail.value;
				if(agr.length>0){
					this.insuranceSelect=true;
				}else{
					this.insuranceSelect=false;
				}
				this.calculationPrice();
			},
			
			
			
			//删除出行人
			deletePeople(index){
				var that=this;
				var otPeople=that.otherPeople;
				var people=[]
				let childQty=0;
				let adultQty=0;
				otPeople.splice(index,1)
				if(otPeople.length==0){
					that.childQty=0;
					that.adultQty=0;
					that.singleAdult=false
				}else{
					for(var i in otPeople){
						let age =util.IdCardUtils(otPeople[i].idCard,3)
						if(age<12){
							childQty+=1;
							that.childQty=childQty
						}else{
							adultQty+=1;
							that.adultQty=adultQty;
							if(adultQty%2==1){
								that.singleAdult=true;
							}else{
								that.singleAdult=false
							}
						}
						otPeople[i].subname="accompaniers["+parseInt(parseInt(i)+parseInt(1))+"].name",
						otPeople[i].subidCard="accompaniers["+parseInt(parseInt(i)+parseInt(1))+"].idCard",
						otPeople[i].submobilePhone="accompaniers["+parseInt(parseInt(i)+parseInt(1))+"].mobilePhone",
						otPeople[i].subtype="accompaniers["+parseInt(parseInt(i)+parseInt(1))+"].type",
						otPeople[i].subseqNo="accompaniers["+parseInt(parseInt(i)+parseInt(1))+"].seqNo"
						people.push(otPeople[i]);
					}
				}
				that.otherPeople=[];
				that.otherPeople=people;
				if(people.length<=0){
					that.addPerson=true;
				}
				that.calculationPrice()
			},
			//添加随行人
			sureAddPerson(){
				var that=this;
				let name=that.oName;
				let idCard=that.oIdCard;
				let mobilePhone=that.oMobilePhone;
				let childQty=that.childQty;
				let adultQty=that.adultQty;
				if(!name){
					uni.showModal({
						content: '请输入随行人姓名',
						showCancel: false
					});
					return;
				}
				if(util.CalculateIdCard(idCard)){
					let age =util.IdCardUtils(idCard,3)
					if(age<12){
						childQty+=1;
						that.childQty=childQty
					}else{
						adultQty+=1;
						that.adultQty=adultQty;
						if(adultQty%2==1){
							that.singleAdult=true;
						}else{
							that.singleAdult=false
						}
					}
				}else{
					uni.showModal({
						content: '请输入正确的身份证号码',
						showCancel: false
					});
					return;
				}
				
				if(!util.checkPhone(mobilePhone)){
					uni.showModal({
						content: '手机号不正确',
						showCancel: false
					});
					return;
				}
				let opeople=that.otherPeople;
				let l= parseInt(opeople.length)
				let person={
					name:name,
					idCard:idCard,
					mobilePhone:mobilePhone,
					subname:"accompaniers["+(l+1)+"].name",
					subidCard:"accompaniers["+(l+1)+"].idCard",
					submobilePhone:"accompaniers["+(l+1)+"].mobilePhone",
					subtype:"accompaniers["+(l+1)+"].type",
					subseqNo:"accompaniers["+(l+1)+"].seqNo"
				}
				opeople.push(person)
				that.otherPeople=opeople;
				that.addPerson=false;
				that.oName=''
				that.oIdCard=''
				that.oMobilePhone=''
				that.calculationPrice()
			},
			//计算价格
			calculationPrice(){
				// debugger
				var that=this;
				let amount=0;
				let singleroomPrice=0;
				if(that.singleAdult){
					singleroomPrice= parseInt(that.roomPriceDifference);
				}
				let insurancePrice=0;
				if(that.insurancePrice){
					insurancePrice= parseInt(that.insurancePrice);
				}
				amount=parseInt(that.adultPrice)*parseInt(that.adultQty)+parseInt(that.childQty)*parseInt(that.childrenPrice) ;
				    if(that.memberSelect){
						amount+=parseInt(that.productDetail.vipAmount)
					} 
					if(that.insuranceSelect){ //选择购买保险的话再增加
						amount+=parseInt(insurancePrice)*(parseInt(that.adultQty)+parseInt(that.childQty));
					}
					if(that.singleAdult){
						amount+=singleroomPrice;
					}
				that.amount=amount
				let allProfit=parseInt(that.membersReturnProfit)*parseInt(that.adultQty)+parseInt(that.childQty)*parseInt(that.childrenMembersReturnProfit) ;
				that.allProfit=allProfit;
			},
			//弹出添加随行人
			showAddPerson(){
				var that=this;
				that.addPerson=true;
			},
			//提交订单
			submitOrder (e) {
				var that=this;
				let name=that.name;
				let idCard=that.idCard;
				let mobilePhone=that.mobilePhone;
				if(!that.otherPeople|| that.otherPeople.length<1){
					uni.showModal({
						content: '请添加出行人',
						showCancel: false
					});
					return;
				}
				if(!name){
					uni.showModal({
						content: '请输入预订人姓名',
						showCancel: false
					});
					return;
				}
				if(util.CalculateIdCard(idCard)){
					// let age =util.IdCardUtils(idCard,3)
					// if(!that.hasAddOrderman){
					// 	if(age<12){
					// 		that.childQty+=1;
					// 	}else{
					// 		that.adultQty+=1;
					// 		if(that.adultQty%2==1){
					// 			that.singleAdult=true;
					// 		}else{
					// 			that.singleAdult=false
					// 		}
					// 	}
					// }
				}else{
					uni.showModal({
						content: '请输入正确的身份证号',
						showCancel: false
					});
					return;
				}
				if(!util.checkPhone(mobilePhone)){
					uni.showModal({
						content: '手机号不正确',
						showCancel: false
					});
					return;
				}
				that.hasAddOrderman=true;
				// that.calculationPrice()
				if(!that.agreementSelect){
					uni.showModal({
						content: '请确认电子合同',
						showCancel: false
					});
					return;
				}
				uni.showLoading({
					mask:true,
					title: '加载中'
				});
				var params=e.detail.value;
				util.fetchPost('/order/createOrder',params,function(res){
					uni.hideLoading();
					// debugger
					// console.log(res)
					uni.navigateTo({url: '/pages/order/msgConfirm/msgConfirm?orderId='+res.data.id})
					// uni.navigateTo({url: '/pages/order/paySuccess/paySuccess'})
				},function(){},true)
				// uni.navigateTo({url: '/pages/order/orderConfirmStep2/orderConfirmStep2'})				
			},
			//获取商品信息
			getProductDetail (id) {
				uni.showLoading({
					mask:true,
					title: '加载中'
				});
				var _self = this
				util.fetchPost('/api/product/getProductDetails',{productId:id},function(res){
					_self.productDetail = res.data		
					console.log(res.data)
					if(_self.productDetail.productMasterDiagram) {
						_self.bannerArr = _self.productDetail.productMasterDiagram.split(",")
					}
					let vipLevel=parseInt(res.data.vipLevel)
					_self.vipLevel=vipLevel
					if(vipLevel>0){
						_self.memberSelect=false;
					}
					uni.hideLoading();
				},function(){},false)
			},
			// 协议弹框
			xieyiShow(state){
				if(state == 'show'){
					this.xieyiState = true
				}else{
					this.xieyiState = false
				}
			},
			// 险种弹框
			xianzhongShow(state){
				if(state == 'show'){
					this.xianzhongState = true
				}else{
					this.xianzhongState = false
				}
			}
		}
	}
</script>

<style>	
.xieyi_box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9;
}
.xieyi_box .xieyi{
	width: 80%;
	height: 80%;
	background: #fff;
	border-radius: 10upx;
	overflow-y: scroll;
	padding: 30upx;
	position: relative;
}
.xieyi_box .close_btn{
	background: url(../../../static/clear_icon.png) no-repeat center/cover;
	width: 30upx;
	height: 30upx;
	position: absolute;
	right: 10upx;
	top: 10upx;
}
	.mt50{
		margin-top: 50upx;
	}
	.letter{
		letter-spacing: 1em;
	}
	.selectMember{
		font-size: 28upx;
		color: #000000;
		float: right;
		display: inline;
	}
	.chose_box{
		padding: 20upx 40upx;
	}
	checkbox-group{
		margin-bottom: 20upx;
		font-size: 23upx;
		color: #fc5c1e;
	}
	.banner_box{
		padding: 20upx
	}
	.index_box swiper,.index_box swiper image{
		width: 100%;
		height: 354upx;
		border-radius: 15upx;
	}
	.attractions_box{
		padding: 0 24upx 100upx;
	}
	.attractions_box .block1 .tit .tag{
		background: #FC5C1D;
		color: #fff;
		font-size: 23upx;
		width: 140upx;
		height: 46upx;
		line-height: 46upx;
		border-radius: 23upx;
		text-align: center;
	}
	.attractions_box .block1 .tit text{
		color: #333;
		font-size: 28upx;
		width: 533upx;
		margin-left: 21upx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.attractions_box .block1 .type{
		font-size: 24upx;
		color: #999999;
		margin: 20upx 0 30upx;
	}
	.attractions_box .block1 .info{
		font-size: 28upx;
		color: #757575;
		line-height: 2;
	}
	.confirm_block1,.confirm_block2{
		box-shadow: 0 0 18upx 0 rgba(229,229,229, 1);
		padding: 24upx;
		margin: 10upx 0 30upx;
		border-radius: 10upx;
		position: relative;
	}
	.confirm_block1 .tit,.confirm_block2 .tit{
		font-size: 28upx;
		color: #000;
		font-weight: 600;
		display: inline;
	}
	.confirm_block1 .add_btn{
		padding: 70upx 0;
	}
	.confirm_block1 .add_btn .btn{
		border: 1px solid #FFC800;
		color: #FFC800;
		width: 605upx;
		height: 90upx;
		line-height: 90upx;
		text-align: center;
		border-radius: 45upx;
		margin: auto;
		font-size: 32upx;
	}
	.confirm_block2 .add_btn{
		padding: 70upx 0;
	}
	.confirm_block2 .add_btn .btn{
		border: 1px solid #FFC800;
		color: #FFC800;
		width: 605upx;
		height: 90upx;
		line-height: 90upx;
		text-align: center;
		border-radius: 45upx;
		margin: auto;
		font-size: 32upx;
	}
	.confirm_block1{
		padding-bottom: 100rpx;
	}
	.confirm_block1 .item{
		border-bottom: 1px solid #EAEAEA;
		padding-top: 30upx;
		position: relative;
		margin-top: 40upx;
	}
	.confirm_block1 .item .input_field,.confirm_block2 .input_field{
		border-bottom: 1px solid #EAEAEA;
		padding: 30upx 0;
		font-size: 28upx;
		color: #333;
	}
	.confirm_block1 .item .input_field:last-child,.confirm_block1 .item:last-child,.confirm_block2 .input_field:last-child{
		border-bottom: 0 none;
	}
	.confirm_block1 .item .input_field .label,.confirm_block2 .input_field .label{
		color: #757575;
		width: 150upx;
	}
	.confirm_block1 .item .cur_text{
		margin-left: 8upx;
	}
	.confirm_btn{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100upx;
		background: #FFC800;
		/* padding: 0 24upx; */
		z-index: 3;
	}
	.confirm_btn .price{
		background: #FC5C1E;
		color: #fff;
		font-size: 33upx;
	}
	/* .confirm_btn .info{
		height: 100upx;
		color: #fff;
	}
	.confirm_btn .info>text,.confirm_btn .info .price .addit{
		font-size: 24upx;
	}
	.confirm_btn .info .price text{
		font-size: 48upx;
		margin-right: 10upx;
	} */
	.confirm_btn .btn{
		font-size: 16px;
		color: #433d2c;
		background: #FFC800;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 0;
	}
	.deletePoeple{
		position: absolute;
		right: 30upx;
		top: 0;
		background: url() no-repeat center/cover;
		width: 50upx;
		height: 40upx;
	}
	.addPeople{
		position: absolute;
		right: 50upx;
		bottom: 30upx;
		background: url() no-repeat center/cover;
		width: 50upx;
		height: 40upx;
	}
	.confirm_block2 .prompt_tit{
		display: flex;
		justify-content: space-between;
		font-size: 23upx;
		color: #fd7d2a;
		margin-bottom: 20upx;
	}
	.confirm_block2 .prompt{
		font-size: 20upx;
		color: #000000;
		line-height: 2;
	}
	uni-checkbox-group{
		margin-top: 25upx;
		font-size: 23upx;
		color: #fd7d2a;
	}
	.prompt_addit{
		color: #D80000;
		font-size: 24upx;
	}
</style>
